html,body,div,p,span,ul,li,ol,dt,dd,dl{margin: 0;padding: 0;list-style: none;}
button{background: none;border: none;}
html,body{width: 100%;height: 100%;overflow: hidden;}
#app{width: 100%;height: 100%;overflow: hidden;}
.wrapper{width: 100%;height: 100%;background:url(../images/P1/bg.png) no-repeat center top;background-size:cover;overflow: hidden;}
.answer span{position:absolute;left:-16px;}
.answer span img{width: 50%;}
.title{padding:0 5%;margin: 10% 0 3% 0;}
.sub_title{padding: 0 5%;}
.barrage{margin-top: 8%;height: 20%;width: 90%;overflow: hidden;position: absolute;left:50%;top:32%;margin-left: -45%;}
.swiper-container{width: 100%;height: 100%;}
.barrage ul{position: relative;height: 100%;width: 100%;float: left;}
.barrage ul li{position: absolute;}
/* .barrage ul li{position: absolute;left: 0;top: 0;}
.barrage ul li:nth-of-type(2){left: 60%;top: 0;}
.barrage ul li:nth-of-type(3){left: 30%;top:32px;}
.barrage ul li:nth-of-type(4){left: 0;top:64px;}
.barrage ul li:nth-of-type(5){left:70%;top:64px;} */
.barrage img{height:18px;}
.game_logo{max-height:240px;width:94%;height:45%;position:absolute;bottom: 0;left:50%;margin-left: -47%;background:url(../images/P1/icon.png) no-repeat center bottom;background-size: contain;}
.testBtn{width: 50%;background: none;border: none;position: absolute;bottom:9%;left:50%;margin-left: -25%;animation: breathe 0.5s infinite ease-in-out alternate;}
@-webkit-keyframes breathe {
	0% {
		transform: scale(1);
	}
	100% {
	transform: scale(1.3);
	}
}

/* 问答页面 */
.questionPage {padding: 0 5%;box-sizing: border-box;}
.questionPage img{width: 100%;}
.question{width: 100%;padding: 9% 0 5% 0;overflow: hidden;}
.pic_wrap{position: relative;margin-top: 2%;}
.pic{width: 80%;position: absolute;left:50%;top:15%;margin-left: -36%;}
.answer{position: absolute;bottom: 7%;text-align: center;}
.answer button{background: none;border: none;margin-top: 14px;width: 90%;margin-left: -10px;}
.delay1{animation-delay: 0.3s;}
.delay2{animation-delay: 0.6s;}
.delay3{animation-delay: 0.9s;}
.delay4{animation-delay: 1.2s;}

/* 成绩页面 */
.grade5{background:url(../images/P7/bg.png) no-repeat center top;background-size:cover;}
.grade4{background:url(../images/P8/bg.png) no-repeat center top;background-size:cover;}
.grade3{background:url(../images/P9/bg.png) no-repeat center top;background-size:cover;}
.grade2{background:url(../images/P10/bg.png) no-repeat center top;background-size:cover;}
.grade1{background:url(../images/P11/bg.png) no-repeat center top;background-size:cover;}
.grade0{background:url(../images/P12/bg.png) no-repeat center top;background-size:cover;}

.grade{width:92%;margin: 6% auto 0;}
.grade p{margin: 4% auto;}
.gift_box{width:92%;position:absolute;left:50%;top: 48%;transform:translate(-50% , -50%);}
.left_gift_pic{width:58%;max-width: 160px;float: left;position: relative;margin-top:7%;margin-left:3%;}
.left_gift_pic .gift_pic{width: 61%;position: absolute;left: 50%;top: 0;transform: translateX(-50%);}
.right_buy_btn{float: right;margin-right: 1%;margin-top: 9%;width: 34%;animation: breathe_btn 0.3s infinite ease-in-out alternate;}
@-webkit-keyframes breathe_btn {
	0% {
		transform: scale(1);
	}
	100% {
	transform: scale(1.1);
	}
}
.bottom{width: 90%;height: 36.5%;position: absolute;left: 50%;bottom:0;margin-left: -45%;}
/* .gradeText{padding: 13% 0 11%;} */
.bottom .line{margin: 5% 0;}
.text02{padding: 0 4%;}
.prompt_btn{width: 84%;display:block;margin: 0 auto;margin-top:5%;}


/* 弹窗 */
.popWindow_wrap{width: 100%;height: 100%;background:rgba(0,0,0,0.5);position: absolute;left: 0;top: 0;display: none;}
.popWindow{width: 80%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.popWindow button{width: 50%;float: left;padding: 0 10px;}
.popWindow_wrap span{position: absolute;top:40px;right: 20px;width: 40px;height: 40px;background:url(../images/error.png) no-repeat center center;background-size:cover;;}

